<?php include_once 'header.php'; ?>
<div id="middle">

    <div class="right-sidebar-white">
        <div class="sidebar-header text-center">
            <a href="#">All</a>
            <a href="#" class="active">Trends</a>
            <a href="#">Products</a>
            <a href="#">Brands</a>
        </div>

        <div class="siderbar-middle">
            <p class="searchtools-text">Search/Tools</p>
            <p><input type="text" placeholder="Start typing..."/></p>
        </div>

        <div class="sidebar-footer text-right">
            <p><a href="#">Filter By: Diamond Supply Co.</a></p>
            <p><a href="#" class="active">ALL TRENDS(530)</a></p>
            <p><a href="#">PRODUCTS(328)</a></p>
            <p><a href="#">SOCIAL FEEDS(202)</a></p>

            <div class="social-block text-right">
                <p class="heading">Socials</p>
                <a href="#">Facebook</a>
                <a href="#">Twitter</a>
                <a href="#">Instagram</a>
                <a href="#">Youtube</a>
            </div>
        </div>
    </div>

    <div class="trends-grid-block products-scroller isotope">

        <?php
            for ($i = 1; $i <= 4; $i++)
            {
                ?>
                <ul class="all-brands-grid">
                    <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/all-brands/1.jpg" alt="image" class="brand-img"/></a></li>
                    <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/all-brands/2.jpg" alt="image" class="brand-img"/></a></li>
                    <li><a href="#"><img src="<?php echo IMAGES_PATH; ?>/all-brands/3.jpg" alt="image" class="brand-img"/></a></li>
                </ul>
                <?php
            }
        ?>

    </div>

</div>
<?php include_once 'footer.php'; ?>
